<template>
  <div class="headerTop">
    <div class="contanier">
      <ul>
        <li>
          <a href="javascript:;">在线商城</a>
        </li>
        <li>
          <a href="javascript:;">坚果Pro3</a>
        </li>
        <li>
          <a href="javascript:;">坚果Pro 2s</a>
        </li>
        <li>
          <a href="javascript:;">欢喜云</a>
        </li>
        <li>
          <a href="javascript:;">应用</a>
        </li>
        <li>
          <a href="javascript:;">论坛</a>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  name: 'header-top',
}
</script>

<style lang="less">
@import './../assets/less/public.less';
.headerTop {
  background-color: rgb(43,44,46);
  height: 50px;
  .contanier {
    ul {
      display: flex;
      line-height: 50px;
      li {
        margin-right: 50px;
        a {
          color: aliceblue;
        }
      }
    }
  }
}
</style>
